<template>
    <div>
        <div class="conversationlist" style="height: 650px">
            <!-- 新的朋友 -->
            <new-friends></new-friends>
            <!-- 好友列表 -->
            <friendlist></friendlist>
        </div>
        <!--分割线-->
        <Divider></Divider>
    </div>
</template>

<script>
  import Friendlist from './friendlist'
  import NewFriends from './newFriends'
  import Divider from '../common/Divider'

  export default {
    name: 'friend',
    components: {Friendlist, NewFriends, Divider},
    data () {
      return {}
    },
    methods: {
      goToNewFriendsPage () {
        this.isClick = true
        console.log('跳转到新的好友页面')
      }
    }
  }
</script>

<style scoped>

    .el-divider--horizontal {
        margin: 0;
    }


</style>
